<a-modal :width="700" v-model="dialogReviewerWelcomeVisible" title="欢迎参与评审" :maskClosable="false" :closable="false">

    <template slot="footer">
        <a-button key="submit" type="primary" @click="showReviewerWelcome2Dialog">下一步</a-button>
    </template>

    <div style="font-size: 16px;">

        <p>尊敬的 <span style="font-weight: bold;">@{{ dialogReviewerWelcomeDisplayData.reviewerName }}</span> 专家，欢迎您参加中国公路建设行业协会科学技术奖的评审工作！</p>

        <p style="margin-top: 20px;">本系统系初次投入使用，亟待完善，请您多提宝贵意见和建议，以便我们不断改进，谢谢！</p>

        <p style="margin-top: 20px;">需要您参与评审的项目有 <span style="color: red;">@{{ dialogReviewerWelcomeDisplayData.projectCount }}</span> 个，评审开始时间为：<span style="color: red;">@{{ dialogReviewerWelcomeDisplayData.reviewStartTime }}</span>，结束时间为：<span style="color: red;">@{{ dialogReviewerWelcomeDisplayData.reviewEndTime }}</span> ，请在评审结束前保存并提交所有项目评分。</p>

        <p style="margin-top: 20px;">点击“下一步”，阅读《科学技术奖管理办法》。</p>

    </div>

</a-modal>

<a-modal :bodyStyle="{padding: '5px 24px 10px'}" :width="700" v-model="dialogReviewerWelcome2Visible" title="科技奖管理办法" :maskClosable="false" :closable="false">

    <template slot="footer">

        <div style="display: flex;">
            <a :href="dialogReviewerWelcome2FileUrl" target="_blank">在新窗口中查看文件</a>
            <span style="flex: 1;"></span>
            <a-button v-if="canGoToDialogReviewerWelcome3" key="submit" type="primary" @click="dismissWelcomeDialog">开始评审</a-button>
            <a-button v-else key="submit" :disabled="true">@{{ dialogReviewerWelcome2CountdownText }}</a-button>
        </div>

    </template>

    <div style="font-size: 16px; line-height: 30px;">

        <p>评审工作开始前，请先用3分钟时间阅读《中国公路建设行业协会科学技术奖管理办法》。</p>

        <p>阅读完成后，点击“开始评审”，即可查看待评审项目。</p>

        <div style="height: 300px; margin-top: 10px;">
            <iframe style="width: 100%; height: 100%;" :src="dialogReviewerWelcome2FileUrl" frameborder="0"></iframe>
        </div>

    </div>

</a-modal>

<a-modal :bodyStyle="{padding: '5px 24px 10px'}" :width="700"  v-model="dialogReviewerWelcome3Visible" title="评审工作流程

" :maskClosable="false" :closable="false">

    <template slot="footer">

        <a-button key="submit" type="primary" @click="dismissWelcomeDialog">开始评审</a-button>

    </template>

    <div style="font-size: 16px; line-height: 30px;">

        <p>评审工作流程如下图所示。</p>

        <p>点击“开始评审”，即可查看待评审项目。</p>

        <div style="height: 300px; margin-top: 10px; border: 1px solid blue;">
            <div style="text-align: center; color: #aaa; line-height: 300px;">评审工作流程图</div>
        </div>

    </div>

</a-modal>

